* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: PingFangSC-Regular, PingFang SC, Helvetica-Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
}

body {
  background-color: #fdfcf3;
}

ul {
  list-style: none;
}

.content {
  width: 100%;
}

.Nav__wrap {
  height: 2.25rem;
  display: flex;
  background-color: #ff8be3;
  overflow-x: scroll;
  scrollbar-width: none;
  position: sticky;
  top: 0rem;
  z-index: 99;
}

.Nav__wrap li {
  flex: 0 0 2.5rem;
  height: 2.2rem;
  color: #fff;
  font-size: .75rem;
  margin: 0 .25rem 0 0;
  padding: 0 .5rem;
  text-align: center;
  line-height: 2.2rem;
  position: relative;
}

.Nav__wrap li i {
  width: 3rem;
  height: .2rem;
  display: inline-block;
  left: 50%;
  bottom: -0.05rem;
  margin-left: -1.5rem;
  position: absolute;
  background-color: black;
}

.Nav__wrap li:last-child {
  flex: 1 0 auto;
}

.Nav__wrap li:first-child {
  color: #000000;
}

.banner_img {
  width: 100%;
}

.banner_img img {
  width: 100%;
  display: block;
}

video {
  width: 17.75rem;
  height: 10rem;
  margin: auto;
  display: block;
  position: relative;
}

.video_button {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 186%;
  margin-left: -1rem;
  margin-top: -1rem;
  background: url("https://h5.youxiake.com/img/video_play.a29b177c.png") no-repeat 50%/cover;
  background-size: contain;
}

.Product {
  width: 100%;
  height: 19.1rem;
  margin-bottom: .5rem;
}

.Product .img_box_thumb {
  width: 17.75rem;
  height: 9.975rem;
  overflow: hidden;
  margin: auto;
}

.Product .img_box_thumb .thumb {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: .4rem .4rem 0 0;
  object-fit: cover;
  object-position: center;
}

.Product .Product__bottom {
  width: 17.75rem;
  margin: auto;
  background-color: #fff;
  border-radius: 0 0 .4rem .4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Product .Product__bottom .Product__type {
  width: 100%;
  height: 1.7rem;
  color: #333;
  font-size: .65rem;
  margin: .25rem 0 0;
  padding: 0 .475rem 0 .4rem;
}

.Product .Product__bottom .Product__type .trump {
  height: .55rem;
  color: #333;
  font-size: .5rem;
  margin: -0.075rem 0 0;
  padding: 0 .1rem;
  background: linear-gradient(90deg, #ffed5c, #ffce06);
}

.Product .Product__bottom .Product__label {
  height: .75rem;
  margin: .3rem 0 0 .375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Product .Product__bottom .Product__label span {
  font-size: .55rem;
  padding: 0 .425rem 0 0;
  color: #888888;
}

.Product .Product__bottom .Product__label__right {
  font-size: .5rem;
  padding: 0 .375rem 0 0;
  color: #999999;
}

.Product .Product__bottom .Product__tag {
  height: .625rem;
  margin: .375rem 0 0 .375rem;
  display: flex;
}

.Product .Product__bottom .Product__tag .tag {
  font-size: .45rem;
  color: #e39130;
  margin: 0 .35rem 0 0;
  line-height: .55rem;
  padding: 0 .2rem;
  border: .05rem solid #e39130;
  border-radius: .1rem;
}

.Product .Product__bottom .Product__package__list__box {
  border-radius: 0 0 .4rem .4rem;
  position: relative;
}

.Product .Product__bottom .Product__package__list__box .Product__package__right {
  width: 2rem;
  height: 4.4rem;
  color: #333;
  font-size: .55rem;
  background-color: #fff;
  z-index: 98;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: .5rem;
}

.Product .Product__bottom .Product__package__list {
  width: 17.75rem;
  padding: 0 2rem 0 .6rem;
  display: flex;
  margin: .5rem 0 .25rem 0;
  overflow-x: scroll;
  scrollbar-width: none;
}

.Product .Product__bottom .Product__package__list li {
  flex: 0 0 4.175rem;
  height: 4.4rem;
  margin: 0 .4rem 0 0;
  padding: .55rem 0 .85rem;
  border-radius: .4rem;
  border: .05rem solid #fff0ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.Product .Product__bottom .Product__package__list li .h4 {
  color: #333;
  font-size: .65rem;
  padding: 0 .575rem;
}

.Product .Product__bottom .Product__package__list li .week {
  color: #666666;
  font-size: .5rem;
}

.Product .Product__bottom .Product__package__list li .price {
  color: #fd410d;
  font-size: .7rem;
  height: .7rem;
  font-weight: bold;
}

.Product .Product__bottom .Product__package__list li .tip {
  width: 100%;
  height: .85rem;
  font-size: .5rem;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 .4rem .4rem;
  background-color: #fff0ec !important;
  color: #ff3700 !important;
}

.Product .Product__bottom .Product__package__list li:first-child .tip {
  background-color: #ff7100 !important;
  color: white !important;
}

.ProductNew__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.ProductNew__item li {
  width: 8.625rem;
  height: 15.375rem;
  margin: 0 .5rem .5rem 0;
  background-color: #fff;
  border-radius: .4rem;
}

.ProductNew__item li .img_box_thumb {
  width: 8.625rem;
  height: 8.625rem;
  overflow: hidden;
  margin: auto;
}

.ProductNew__item li .img_box_thumb .thumb {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: .4rem .4rem 0 0;
  object-fit: cover;
  object-position: center;
}

.ProductNew__item li .Product__bottom {
  width: 8.625rem;
  height: 5.475rem;
  padding: .375rem 0 0;
}

.ProductNew__item li .Product__bottom .Product__type {
  width: 100%;
  font-size: .65rem;
  padding: 0 .475rem 0 .4rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ProductNew__item li .Product__bottom .Product__label__tag {
  width: 8.25rem;
  height: .75rem;
  display: flex;
  padding-left: .4rem;
  margin-top: .4rem;
}

.ProductNew__item li .Product__bottom .Product__label__tag span {
  font-size: .55rem;
  padding: 0 .425rem 0 0;
  color: #888888;
}

.ProductNew__item li .Product__bottom .Product__tag {
  margin: .375rem 0 0 .375rem;
  overflow: hidden;
  height: .7rem;
  line-height: 0;
}

.ProductNew__item li .Product__bottom .Product__tag .tag {
  flex: 0 0 auto;
  display: inline-block;
  font-size: .45rem;
  color: #e39130;
  margin: 0 .35rem 0 0;
  line-height: .6rem;
  padding: 0 .2rem;
  border: .05rem solid #e39130;
  border-radius: .1rem;
}

.ProductNew__item li .Product__bottom .Product__message {
  margin: .375rem 0 0;
  padding: 0 .375rem;
  height: .9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ProductNew__item li .Product__bottom .Product__message .expense {
  color: #ff7100;
  font-weight: bold;
  font-size: .8rem;
  display: flex;
  align-items: center;
}

.ProductNew__item li .Product__bottom .Product__message b {
  color: #666666;
  font-size: .65rem;
  font-weight: normal;
}

.ProductNew__item li .Product__bottom .Product__message .right {
  font-size: .5rem;
  color: #999999;
}

.ProductNew__item li:nth-child(even) {
  margin-right: 0;
}
